home *** CD-ROM | disk | FTP | other *** search
/ Maximum CD 2012 January / maximum-cd-2012-01.iso / DiscContents / digsby_setup.exe / res / MessageStyles / Metal Chat 2.AdiumMessageStyle / Contents / Resources / main.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2008-12-05  |  8.3 KB  |  406 lines
  1. body {
  2.     background : #10224e url(images/background_blue.jpg) center top repeat-y fixed;
  3.     margin: 0px 0px 0px 0px;
  4. }
  5.  
  6. p {
  7.     overflow: auto;
  8. }
  9.  
  10. .fadeBack {
  11.     z-index: -1;
  12.     height: 83px;
  13.     background: url(images/backFade.png) repeat-x  top;
  14.     top: 0px;
  15.     position: fixed;
  16.     width: 100%;
  17. }
  18.  
  19. .divApple {
  20.     z-index: 500;
  21.     position: fixed;
  22.     top: 0px;
  23.     right: 50%;
  24.     left: 50%;
  25.     height: 21px;
  26.     margin-top: 6px;
  27. }
  28.  
  29. .headerApple {
  30.     background: url(images/headerbarApple.png) no-repeat;
  31.     width: 17px;
  32.     height: 21px;
  33.     margin-left: auto;
  34.     margin-right: auto;
  35. }
  36.  
  37. .divHeader {
  38.     z-index: 100;
  39.     top: 0px;
  40.     position: fixed;
  41.     width: 100%;
  42.     height: 31px;
  43.     font-family: "Lucida Grande";
  44. }
  45.  
  46. .headerTile {
  47.     position: relative;
  48.     margin-left: 9px; 
  49.     margin-right: 9px; 
  50.     height: 31px; 
  51.     padding-top: 6px;
  52.     background: url(images/headerbarTile.png) top repeat-x;
  53. }
  54.  
  55. .headerLeft {
  56.     position: absolute;
  57.     left: 0;
  58.     background: url(images/headerbarLeft.png) left top;
  59.     width: 9px;
  60.     height: 31px;
  61. }
  62.  
  63. .headerRight {
  64.     position: absolute; 
  65.     right: 0px; 
  66.     width: 9px;
  67.     height: 31px;
  68.     background: url(images/headerbarRight.png) left top;
  69. }
  70.  
  71. #headerUsername {
  72.     color: #FFFFFF;
  73.     font-size: 13px;
  74.     font-weight: bold;
  75. }
  76.  
  77. #headerChatStarted {
  78.     position: absolute; 
  79.     color: #c4c4c4;
  80.     font-size: 10px;
  81.     top: 10px;
  82.     right: 9px;
  83.     z-index: 101;
  84. }
  85.  
  86. /*
  87. #chatArea {
  88.     z-index: 50;
  89.     margin-left: 30px;
  90.     margin-right: 30px;
  91.     position: relative;
  92.     margin-top: 37px;
  93. }
  94. */
  95.  
  96. .container {
  97.     position: relative; 
  98.     padding-bottom: 6px;
  99.     margin-left: 20px;
  100.     margin-right: 20px;
  101. }
  102.  
  103. .container .topLeft {
  104.     position: absolute; 
  105.     left: 0; 
  106.     top: 0; 
  107.     width: 45px; 
  108.     height: 41px;
  109.     background: url(images/chatBlackLeftTopBack.png) no-repeat left top;
  110. }
  111.  
  112. .container .topLeft .userImage {
  113.     background: url(images/chatPictureBack.png) no-repeat; 
  114.     width: 35px; 
  115.     height: 35px; 
  116.     padding: 1px 0 0 1px; 
  117.     margin: 5px 0 0 6px;
  118. }
  119.  
  120. .container .topRight {
  121.     position: absolute; 
  122.     top: 0px; 
  123.     right: 0px; 
  124.     bottom: 12px;
  125.     width: 10px;
  126.     background: url(images/chatBlackRightGlare.png) no-repeat right top;
  127.     padding: 0px;
  128. }
  129.  
  130. .container borderBottom {
  131.     position: relative;
  132.     height: 12px;
  133. }
  134.  
  135. .container .bottomTile {
  136.     position: relative; 
  137.     margin-left: 56px; 
  138.     margin-right: 21px; 
  139.     height: 12px;
  140.     background: url(images/chatBottomTile.png) repeat-x  top;
  141. }
  142.  
  143. .container .bottomLeft {
  144.     float: left;
  145.     height: 12px;
  146.     width: 56px;
  147.     background: url(images/chatBlackBottomLeft.png) no-repeat;
  148. }
  149.  
  150. .container .bottomRight {
  151.     float: right; 
  152.     width: 21px;
  153.     height: 12px;
  154.     background: url(images/chatRightBottom.png) no-repeat left top;
  155. }
  156.  
  157. .container .headerIncoming,
  158. .container .headerOutgoing {
  159.     position: relative; 
  160.     margin-left: 45px; 
  161.     margin-right: 10px;
  162. }
  163.  
  164. .container .headerIncoming .left {
  165.     position: absolute; 
  166.     left: 0px; 
  167.     top: 0px; 
  168.     background: url(images/chatHeaderBarBlueLeft.png) no-repeat left top;
  169.     width: 11px; 
  170.     height: 17px;
  171. }
  172. .container .headerOutgoing .left {
  173.     position: absolute; 
  174.     left: 0px; 
  175.     top: 0px; 
  176.     background: url(images/chatHeaderBarGreenLeft.png) no-repeat left top;
  177.     width: 11px; 
  178.     height: 17px;
  179. }
  180.  
  181. .container .headerIncoming .userName {
  182.     position: relative; 
  183.     margin: 0 11px; 
  184.     height: 16px;
  185.     background: url(images/chatHeaderBarBlueTile.png) repeat-x right top;
  186.     color: #FFFFFF; 
  187.     font-size: 9px; 
  188.     padding-top: 4px; 
  189.     font-family: "Arial";
  190.     font-weight: bold; 
  191.     text-shadow: 2px 2px 1px #000000; 
  192.     overflow: hidden;
  193.     white-space: nowrap;
  194. }
  195. .container .headerIncoming .userName .sender{
  196.     position: absolute;
  197.     left: 0px;
  198.     right: 60px;
  199.     
  200.     overflow: hidden;
  201.     white-space: nowrap;
  202.     text-overflow: ellipsis;
  203. }
  204. .container .headerIncoming .userName .timestamp{
  205.     float: right;
  206. }
  207. .container .headerOutgoing .userName {
  208.     position: relative; 
  209.     margin: 0 11px; 
  210.     height: 16px;
  211.     background: url(images/chatHeaderBarGreenTile.png) repeat-x right top;
  212.     color: #FFFFFF; 
  213.     font-size: 9px; 
  214.     padding-top: 4px; 
  215.     font-family: "Arial";
  216.     font-weight: bold; 
  217.     text-shadow: 2px 2px 1px #000000; 
  218.     overflow: hidden;
  219.     white-space: nowrap;
  220. }
  221. .container .headerOutgoing .userName .sender{
  222.     position: absolute;
  223.     left: 0px;
  224.     right: 60px;
  225.     
  226.     overflow: hidden;
  227.     white-space: nowrap;
  228.     text-overflow: ellipsis;
  229. }
  230. .container .headerOutgoing .userName .timestamp{
  231.     float: right;
  232. }
  233. .container .headerIncoming .right {
  234.     position: absolute; 
  235.     top: 0px; 
  236.     right: 0px; 
  237.     background: url(images/chatHeaderBarBlueRight.png) no-repeat left top; 
  238.     width: 11px; 
  239.     height: 17px;
  240. }
  241. .container .headerOutgoing .right {
  242.     position: absolute; 
  243.     top: 0px; 
  244.     right: 0px; 
  245.     background: url(images/chatHeaderBarGreenRight.png) no-repeat left top; 
  246.     width: 11px; 
  247.     height: 17px;
  248. }
  249.  
  250. .container .messageBox {
  251.     position: relative;
  252.     color: #000000;
  253.     /*font: 12px/14px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;*/
  254. }
  255.  
  256. .container .messageBox .message {
  257.     position: relative;
  258. }
  259.  
  260. .container .messageBox .message p {
  261.     margin: -3px 10px 0 45px;
  262.     padding: 7px 10px 6px 10px;
  263.     background: url(images/chatTableTile.png) repeat-x top #c4c4c4;
  264. }
  265.  
  266. .container .messageBox .message .leftTile {
  267.     position: absolute; 
  268.     left: 0px; 
  269.     top: 24px; 
  270.     bottom: 0px; 
  271.     width: 45px;
  272.     background: url(images/chatBlackLeftTile.png) repeat-y left;
  273. }
  274. .container .messageBox .nextMessage .leftTile {
  275.     position: absolute; 
  276.     left: 0px; 
  277.     top: 0px; 
  278.     bottom: 0px; 
  279.     width: 45px;
  280.     background: url(images/chatBlackLeftTile.png) repeat-y left;
  281. }
  282.  
  283. .container .messageBox .message .rightTile {
  284.     position: absolute;
  285.     right: 0px; 
  286.     top: 21px; 
  287.     bottom: 0px; 
  288.     width: 10px;
  289.     background: url(images/chatRightTile.png) repeat-y;
  290. }
  291. .container .messageBox  .nextMessage .rightTile {
  292.     position: absolute;
  293.     right: 0px; 
  294.     top: 0px; 
  295.     bottom: 0px; 
  296.     width: 10px;
  297.     background: url(images/chatRightTile.png) repeat-y;
  298. }
  299.  
  300. .container .messageBox .divider {
  301.     position: relative; 
  302.     margin-left: 45px;
  303.     margin-right: 10px;
  304.     background: #c4c4c4 url(images/chatDivider.png) top repeat-x;
  305.     height: 2px;
  306.     padding: 0px;
  307. }
  308.  
  309. .container .messageBox .nextMessage {
  310.     position: relative;
  311. }
  312.  
  313. .container .messageBox .nextMessage .timestamp {
  314.     position: absolute; 
  315.     top: 2px; 
  316.     left: 0px; 
  317.     width: 45px;
  318.     text-align: center;
  319.     color: #AAAAAA;    
  320.     font: bold 9px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;    
  321.     padding-top: 8px;
  322. }
  323.  
  324. .container .messageBox .nextMessage p {
  325.     position: relative; 
  326.     margin: 0 10px 0 45px; 
  327.     padding: 7px 10px 6px 10px;
  328.     background: #c4c4c4;
  329. }
  330.  
  331. .statusBar {
  332.     position: relative; 
  333.     text-align: center;
  334.     margin-left: 30px;
  335.     margin-right: 30px;
  336. }
  337.  
  338. .statusBar .left {
  339.     position: absolute; 
  340.     left: 0px; 
  341.     top: 0px;
  342.     background: url(images/statusbarLeft.png) no-repeat;
  343.     width: 9px;
  344.     height: 24px;
  345. }
  346.  
  347. .statusBar .center {
  348.     position: relative; 
  349.     margin: 0 9px; 
  350.     height: 24px;
  351.     background: url(images/statusbarTile.png) repeat-x;
  352.     font-family: "Lucida Grande";
  353.     font-size: 10px;
  354.     font-weight: bold;
  355.     padding-top: 4px;
  356.     padding-right: 5px;
  357.     padding-left: 5px;
  358.     color: #c4c4c4;
  359.     text-shadow: 0px 0px 3px #000000;
  360. }
  361.  
  362. .statusBar .right {
  363.     position: absolute; 
  364.     right: 0px; 
  365.     top: 0px;
  366.     background: url(images/statusbarRight.png) no-repeat;
  367.     width: 9px;
  368.     height: 24px;
  369. }
  370.  
  371. .statusBar .timestamp {
  372.     color: #999;
  373. }
  374.  
  375. .statusBar .online {
  376.     color: #8DDA4F;
  377. }
  378. .statusBar .away {
  379.     color: #F4EC1B;
  380. }
  381. .statusBar .DND {
  382.     color: #EB295F;
  383. }
  384. .statusBar .offline {
  385.     color: #838383;
  386. }
  387.  
  388. /*
  389. #newMsgButton {
  390.     position: fixed; 
  391.     text-align: center; 
  392.     width: 100%; 
  393.     bottom: 0px; 
  394.     height: 32px; 
  395.     z-index: 100;
  396. }
  397. #newMsgButton .button {
  398.     margin-left: auto;
  399.     margin-right: auto; 
  400.     width: 211px; 
  401.     height: 32px; 
  402.     background: url(images/NewMsgButton/NewMessage_1.png) no-repeat; 
  403.     padding-top: 11px;
  404. }
  405. */
  406.